 <template>
 	<view class="img_view">
 		<image :src="imgs[img]" mode="aspectFit" />
 		<view class="text_css">
 			<slot>{{ text }}</slot>
 		</view>
 	</view>
 </template>


 <script>
 	export default {
 		props: {
 			text: {
 				type: String,
 				default: '',
 			},
 			img: {
 				type: String,
 				default: 'wbdt',
 			},
 		},
 		data() {
 			return {
 				imgs: {
 					wbdt: 'https://seven-3121.obs.cn-north-4.myhuaweicloud.com/2025%2F7%2F14%2Fwbdt.png',
 					wddd: 'https://seven-3121.obs.cn-north-4.myhuaweicloud.com/2025%2F7%2F14%2Fbg.png',
 				}
 			}
 		},

 		methods: {}
 	}
 </script>

 <style lang="scss" scoped>
 	.a {
 		position: reactive;
 	}

 	.img_view {
 		width: 204rpx;
 		height: auto;
 		padding-top: 80rpx;
 		margin: auto;
 		position: relative;
 	}

 	.img_view image {
 		width: 204rpx;
 		height: 202rpx;
 		display: block;
 		margin-bottom: 30rpx;
 	}

 	.text_css {
 		width: 100%;
 		text-align: center;
 		font-family: Source Han Sans;
 		font-size: 24rpx;
 		color: rgba(0, 0, 0, 0.6);
 	}
 </style>